<div id="notice_grid">
	<yu-panel :title="$t('notice.xtgg')">
		<yu-xform v-model="formdata" related-table-name="noticeTable" form-type="search">
			<yu-xform-group :column="4">
				<yu-xform-item :label="$t('notice.ggbt')" :placeholder="$t('notice.ggbt')" ctype="input" name="noticeTitle"></yu-xform-item>
				<yu-xform-item :label="$t('notice.yxqkssj')" :placeholder="$t('notice.yxqkssj')" ctype="datepicker" name="beginTime" :picker-options="pickerStartOptions"></yu-xform-item>
				<yu-xform-item :label="$t('notice.yxqjssj')" :placeholder="$t('notice.yxqjssj')" ctype="datepicker" name="endTime" :picker-options="pickerEndOptions"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-toolBar>
			<el-button @click="addNoticeRecord">{{ $t('notice.xz') }}</el-button>
			<el-button @click="noticetableEditFn" :disabled="buttonEnable">{{ $t('notice.xg') }}</el-button>
			<el-button @click="dataNoticemultDeleteFn" :disabled="buttonEnable">{{ $t('notice.sc') }}</el-button>
			<el-button @click="detailFn">{{ $t('notice.xq') }}</el-button>
			<el-button @click="pubNoticeButtonFn" :disabled="buttonEnable">{{ $t('notice.fb') }}</el-button>
			<el-button @click="readButtonFn">{{ $t('notice.yy') }}</el-button>
		</yu-toolBar>

		<el-table-x ref="noticeTable" :checkbox="true" :max-height="height" @selection-change="noticeClickFn" :data-url="serviceUrl"
		 :table-columns="tableColumns" :base-params="initTableParams">
		</el-table-x>
	</yu-panel>

	<el-dialog :center="true" :title="$t('notice.xtgg')" @close="close" :close-on-click-modal="false" :visible.sync="dialogVisible">
		<el-form-x ref="noticeForm" :group-fields="updateFields" :disabled="formDisabled" label-width="120px">
		</el-form-x>
		<el-tinymce-x :id="tinymceId" :visible="dialogVisible" ref="tinymce" v-model="content" :action="action" :bus-no="busNo"></el-tinymce-x>
		<el-form-x ref="tmp" :buttons="updateButtons" :disabled="true" label-width="80px"></el-form-x>
		<yufp-upload-table ref="filesTable" :data-params="initFilesParams" :data="noticeUpLoadBusNo" :before-upload="beforeAvatarUpload"
		 :upload-visible="uploadVisible" :download-visible="downloadVisible" :delete-visible="deleteVisible"></yufp-upload-table>
	</el-dialog>

	<el-dialog-x :center="true" :title="$t('notice.jslb')" :visible.sync="roleDialogVisible" :close-on-click-modal="false" @open="roleShow">
		<el-table-x ref="roleTable" :checkbox="true" :data-url="contrUrl" :table-columns="roleTableColumns" :base-params="initRolesTableParams"
		 @select="roleSelectFn" @select-all="roleAllFn" @page-change="pageChange" @loaded="loadedFn"></el-table-x>
		<el-form-x ref="tmp" :buttons="selectionButton" :disabled="false" label-width="80px"></el-form-x>
	</el-dialog-x>

</div>